import QtQuick 1.0

Item {
    id: rootId
    anchors.fill: parent
    anchors.centerIn: parent

    MouseArea {
        anchors.fill: parent
        onClicked: finalAnimation.start();
    }

    SequentialAnimation {
        id: finalAnimation
        running: false
        NumberAnimation { target: rootId; property: "opacity"; to: 0; duration: 120 }
        ScriptAction { script: rootId.destroy(); }
    }


    property alias url: idComponentImage.source

    Rectangle {
        anchors.fill: parent
        color: "#333333"
        opacity: 0.85
    }

    Image {
        width: 200; height: 200
        anchors.centerIn: parent
        id: idComponentImage
        opacity: 0
        onProgressChanged: {
            if (progress >= 1) {
                idComponentImage.opacity = 1
            }
        }
        Behavior on opacity { NumberAnimation {duration: 120 } }

    }
}
